import { View } from "@tarojs/components";
import CustomLayout from "@/components/CustomLayout";
import { useLoad } from "@tarojs/taro";
import { Col, Image, Row } from "@nutui/nutui-react-taro";
import { Setting } from "@nutui/icons-react-taro";
import { goToPage } from "@/utils/common";
import "./index.scss";

function Index() {
  const list = [
    {
      key: 0,
      title: "自然女声",
    },
    {
      key: 1,
      title: "自然男声",
    },
    {
      key: 2,
      title: "科幻机器人（男）",
    },
    {
      key: 3,
      title: "科幻机器人（女）",
    },
  ];

  return (
    <>
      <CustomLayout.Header title="语音包选择" />
      <CustomLayout.Body className="setting_voice_pack">
        <View className="setting_voice_pack_content">
          {/* <Row type="flex" justify="space-between" wrap="wrap"> */}
          {list?.map((item) => {
            return (
              // <Col key={item?.key} span="11">
              <View className="setting_voice_pack_content_item">
                {item?.title}
              </View>
              // </Col>
            );
          })}
          {/* </Row> */}
        </View>
      </CustomLayout.Body>
    </>
  );
}

export default Index;
